<!DOCTYPE HTML>
<html>
	<head>
		<script>
			$(document).ready(function() {
				$('#fne').validate();
			})
		</script>
	</head>
	<body>
		<div class="row">
			<div class="large-12 columns">
				<form id="fne" method="post" action="../formularios_manejadores/ingresar_nvo_examen.php" class="custom" >
					<fieldset>
						<legend>
							Crear Nuevo Exámen
						</legend>

						<div class="row">
							<div class="large-8 columns">
								<div class="row">
									<div class="large-6 columns">
										<label>Codigo de Examén:</label>
										<input style="color: red;" id="codigo_examen" type="text" maxlength="25" name="codigo_examen" placeholder="Se creará automaticamente" readonly>
									</div>
								</div>
							</div>
						</div>

						<div class="row">
							<!-- Primera fila -->
							<div class="large-8 columns">
								<div class="row">
									<div class="large-6 columns">
										<label>Nombre del Exámen</label>
										<input autofocus id='nombre_examen' type="text" maxlength="30" name="nombre" onkeyup="generadorDeCodigoExamen($('#codigo_examen'));" title="Introdusca un nombre de exámen valido">
									</div>
									<div class="large-6 columns">
										<label>Indicación</label>
										<input type="text" maxlength="100" name="indicacion">
									</div>
								</div>
							</div>
						</div>
						<div class="row">
							<!-- Segunda fila -->
							<div class="large-8 columns">
								<div class="row">
									<div class="large-6 columns">
										<label>Tipo de Muestra <span id="errmsj" style="color: red;"></span></label>
										<input type="text" maxlength="15" name="tipomuestra" >
									</div>
									<div class="large-3 columns">
										<label>Tiempo de Entrega</label>
										<input type="text" maxlength="32" name="tiempoentrega">
									</div>
									<div class="large-3 columns">
										<label for="customDropdown">Medida del Tiempo</label>
										<select name = "tiempo" id="customDropdown">
											<option>Minutos</option>
											<option>Horas</option>
											<option>Días</option>
										</select>
									</div>
								</div>
							</div>

						</div>

						<div class="row">
							<div class="large-8 columns">
								<div class="row">
									<div class="large-6 columns">
										<label>Precio $<span id="errmsj" style="color: red;"></span></label>
										<input type="text" maxlength="15" name="precioexa" >
									</div>

								</div>
							</div>
						</div>
						<div class="row">
							<div class="large-8 columns">
								<div class="row">
									<div class="large-6 columns">
										<label>Estado</label>
										<div class="columns small switch" >
											<input id="e1" name="estado" type="radio" value="true" checked="checked">
											<label for = "e1">Disponible</label>

											<input id="e2" name="estado" type="radio" value="false">
											<label for="e2">No Disponible</label>

											<span></span>
										</div>
									</div>
								</div>
							</div>
						</div>

						<div class="row">
							<div class="large-12 columns">
								<div class="row">
									<div class="large-2 columns">
										<label>Nombre del Valor<span id="errmsj" style="color: red;"></span></label>
										<input id="nv" type="text" maxlength="30">
									</div>
									<div class="large-2 columns">
										<label>Valor Normal <span id="errmsj" style="color: red;"></span></label>
										<input id="vn" type="text" maxlength="15">
									</div>

									<div class="large-3 columns">
										<label>Unidad de Medida</label>
										<select id='um' name="unidad_medida">
											<option>N/A</option>
											<option>miles por mm3</option>
											<option>millones por mm3</option>
											<option>g/dL</option>
											<option>por 100 cm3</option>
											<option>micra cubica</option>
											<option>microgramos</option>
											<option>picogramos</option>
											<option>gramos</option>
											<option>%</option>
											<option>minutos</option>
											<option>segundos</option>
											<option>mm/h</option>
										</select>
									</div>

									<div class="large-2 columns">
										<label>Para el sexo</label>
										<select id='sexo' name="sexo">
											<option value="I">Indiferente</option>
											<option value="M">Masculino</option>
											<option value="F">Femenino</option>
										</select>
									</div>

									<div class="large-3 columns">
										<div class="row collapse button-group round even-2">
											<!-- <div class="large-6 columns"> -->
											<a class="button success"  value="Agregar" onclick="addRow('td');">+</a>
											<!-- </div>
											<div class="large-6 columns"> -->
											<a class="button alert " value="Descartar" onclick="deleteRow('td');">-</a>
											<!-- </div> -->
										</div>
									</div>
								</div>
							</div>
						</div>

						<div class="row">
							<div class="large-12 columns">
								<div class="row">
									<div class="large-12 columns">
										<table id ="td" class="large-12 columns">
											<thead>
												<tr>
													<th>Nombre</th>
													<th>Valor Normal</th>
													<th>Unidad</th>
													<th>Para el Sexo</th>
													<th>Marcar</th>
												</tr>
											</thead>
											<tbody></tbody>
										</table>
									</div>
								</div>
							</div>
						</div>

						<div class="row">
							<div class="large-8 columns">
								<input id='agregar' class="small button success" type="submit" value="Crear Nuevo Examen" onclick="enviarForm('fne')">

								<a class="small button alert" href="administrador.php"  value="Cancelar">Cancelar</a>
							</div>
						</div>

						<!-- <br/> -->
			</div>

		</div>
		</fieldset>
		</form>

		<!-- ------------------------------------------------------------>
		<div id="ModalNuevoExamen1" class="reveal-modal">
			<h2>Exito</h2>
			<p class="lead">
				Transaccion realizada.
			</p>
			<p>
				Se ha Guardado la informacion
			</p>
			<a class="close-reveal-modal">&#215;</a>
		</div>
		<div id="ModalNuevoExamen2" class="reveal-modal">
			<h2>Error</h2>
			<p class="lead">
				Fallo en la transaccion realizada.
			</p>
			<p>
				Se ha producido un fallo, el codigo que desea guardar ya esta en la base de datos
			</p>
			<a class="close-reveal-modal">&#215;</a>
		</div>
		</div>
		</div>
	</body>
</html>